<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">
		  
	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
			<script type="text/javascript">//<![CDATA[  
				function handleRecomendCuestDialogNewSave(xhr, status, args) {
					if(args.isRecomendCuestNewSaveOk) {
						poppanelNuevaRecomendacion.hide();
			        }
			    }
				
				function handleRecomendCuestDialogEditSave(xhr, status, args) {
					if(args.isRecomendCuestEditSaveOk) {
						poppanelEditarRecomendacion.hide();
			        }
			    }
        	//]]></script>
		</ui:define>	 
		<ui:define name="titulopagina">
			<h:outputText value="ADMINISTRACIÓN DE RECOMENDACIONES PARA CUESTIONARIO DE INFORMACIÓN" />
		</ui:define>
		<ui:define name="agregaIconoExcelRe">
		</ui:define>		  
		<ui:define name="agregaIconoEmail">
		</ui:define>
		<ui:define name="agregaIconoPDFRe">
		</ui:define>
		<ui:define name="agregaIconoEjecutivos">
		</ui:define>	 
	  <ui:define name="bodyarea">
	  		<input type="hidden" id="nomReporte" name="nomReporte" value="recomendacionCuestionario"/>
	  		<f:event type="preRenderView" listener="#{gestionCuestionarioController.onPageLoad}"/>
	  		<p:messages id="messages" showDetail="true" closable="true" />
	  		<h:panelGrid id="panelPrincipal" columns="1" width="100%" styleClass="bordePanel"
				headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Listado de Recomendaciones" />
				</f:facet>
				<h:panelGrid columns="1" width="100%">
					<h:panelGrid columns="2"> 					
						<p:dataTable id="idTblRecomendacion" value="#{gestionCuestionarioController.listaCuestionarioRecomendaciones}"  
							var="fila" paginator="true" rows="10" emptyMessage="No existe información." 
							styleClass="styleDataTableWrapNormal" rowIndexVar="rowIndex"
							rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
							<p:column width="80" sortBy="#{fila.descPerfil}">
								<f:facet name="header">
										<h:outputText value="Perfil" />
								</f:facet>
								<h:outputText value="#{fila.descPerfil}"/>
							</p:column>							
							<p:column width="180" sortBy="#{fila.descPregunta}">
								<f:facet name="header">
										<h:outputText value="Pregunta" />
								</f:facet>
								<h:outputText value="#{fila.descPregunta}"/>
							</p:column>
							<p:column width="180" sortBy="#{fila.descAlternativa}">
								<f:facet name="header">
										<h:outputText value="Alternativa" />
								</f:facet>
								<h:outputText value="#{fila.descAlternativa}"/>
							</p:column>							
							<p:column width="310" sortBy="#{fila.descRecomendacion}">
								<f:facet name="header">
									<h:outputText value="Recomendación"/>
								</f:facet>
								<h:outputText value="#{fila.descRecomendacion}"/>
							</p:column>
							<p:column width="10" style="align:center;" >
								<f:facet name="header">
									<h:outputText value="" />
								</f:facet>
								<p:commandButton id="btnEditar" actionListener="#{gestionCuestionarioController.modificarRecomendacion(fila)}"
									icon="ui-icon-pencil" update=":idpanelEditarRecomendacion" oncomplete="poppanelEditarRecomendacion.show()"/>
								<p:tooltip for="btnEditar" value="Editar" />		
							</p:column>
							<p:column width="10" style="align:center;">
								<f:facet name="header">
									<h:outputText value=""/>
								</f:facet>
								<p:commandButton id="btnEliminar" icon="ui-icon-closethick" oncomplete="poppanelDialog.show()" 
									actionListener="#{gestionCuestionarioController.obtenerRecomendacionParaEliminacion(fila)}"/>
								<p:tooltip for="btnEliminar" value="Eliminar" />	
							</p:column>
						</p:dataTable>
						<p:spacer height="10px"/>
					</h:panelGrid>
					<p:commandButton actionListener="#{gestionCuestionarioController.abrirRecomendacionModal}" icon="ui-icon-document"
						oncomplete="poppanelNuevaRecomendacion.show()" value="Nuevo" update=":idpanelNuevaRecomendacion" id="btnMostrarModal"/>
				</h:panelGrid>
			</h:panelGrid>				
	  </ui:define>
	  
		<ui:define name="extraarea">
			<p:dialog id="idpanelNuevaRecomendacion" header="Nueva Recomendación"
				widgetVar="poppanelNuevaRecomendacion" modal="true" dynamic="true">
				<h:form id="formModalPizarra">
					<p:messages id="messages2" showDetail="true" closable="true" />
					<h:panelGrid columns="1" width="100%" id="idContentMainM">			
						<h:panelGrid columns="2" width="100%">
							<h:outputText value="Perfil:" styleClass="texto"/>											
							<p:selectOneMenu id="cmbPerfilE" value="#{gestionCuestionarioController.strIdListaPerfilDatos}">	
								<f:selectItems id="cmbPerfilItems" value="#{gestionCuestionarioController.listaPerfilDatos}" />
							</p:selectOneMenu>																								
							<h:outputText value="Pregunta:" styleClass="texto"/>						
							<p:selectOneMenu id="cmbPregunta" value="#{gestionCuestionarioController.strIdListaPreguntas}">
								<p:ajax event="change" listener="#{gestionCuestionarioController.cargarComboAlternativa}"
									update=":formModalPizarra:cmbAlternativa"/>				
								<f:selectItems id="cmbPreguntaItems" value="#{gestionCuestionarioController.listaPreguntas}" />
							</p:selectOneMenu>
							<h:outputText value="Alternativa:" styleClass="texto"/>
							<p:selectOneMenu id="cmbAlternativa" value="#{gestionCuestionarioController.strIdListaAlternativas}">
								<f:selectItems id="cmbAlternativaItems" value="#{gestionCuestionarioController.listaAlternativas}"/>									
							</p:selectOneMenu>		
							<h:outputText value="Recomendación:" styleClass="texto"/>
							<h:inputTextarea id="itRecomendacion" cols="80" rows="5" 
								value="#{gestionCuestionarioController.gestionCuestionarioModel.strRecomendacion}"/>				
						</h:panelGrid>
						<h:panelGrid columns="5" width="100%">
							<p:spacer width="70px" height="10px" />
							<p:commandButton icon="ui-icon-disk" value="Guardar" actionListener="#{gestionCuestionarioController.nuevaRecomendacion}"
								oncomplete="handleRecomendCuestDialogNewSave(xhr, status, args)" id="btnGuardar"/>
							<p:spacer width="50px" height="10px" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelNuevaRecomendacion.hide()"/>
							<p:spacer width="70px" height="10px" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formModalPizarra:idContentMainM" trigger=":formModalPizarra:btnGuardar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Guardando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
				</h:form>
			</p:dialog>

			<p:dialog id="idpanelEditarRecomendacion" header="Editar Recomendación"
				widgetVar="poppanelEditarRecomendacion" modal="true" dynamic="true">
				<h:form id="formEditarPizarra">
					<p:messages id="messages3" showDetail="true" closable="true" />
					<h:panelGrid columns="1" width="100%" id="idContentMainM">			
						<h:panelGrid columns="2" width="100%">
						    <h:outputText value="Usuario Modificación:" styleClass="texto"/>
							<h:inputText disabled="true" value="#{gestionCuestionarioController.gestionCuestionarioModel.strUsuarioUltMod}"/>
							<h:outputText value="Fecha Modificación:" style="align-text:right" styleClass="texto"/>
							<h:inputText disabled="true" value="#{gestionCuestionarioController.gestionCuestionarioModel.strFechaUltMod}"/>
							<h:outputText value="Perfil:" styleClass="texto"/>					
							<p:selectOneMenu id="cmbPerfilE" disabled="true" value="#{gestionCuestionarioController.strIdListaPerfilDatos}">	
								<f:selectItems id="cmbPerfilEItems" value="#{gestionCuestionarioController.listaPerfilDatos}" />
							</p:selectOneMenu>								
							<h:outputText value="Pregunta:" styleClass="texto"/>						
							<p:selectOneMenu id="cmbPreguntaE" disabled="true" value="#{gestionCuestionarioController.strIdListaPreguntas}">
								<p:ajax event="change" listener="#{gestionCuestionarioController.cargarComboAlternativa}"
									update=":formEditarPizarra:cmbAlternativaE"/>				
								<f:selectItems id="cmbPreguntaEItems" value="#{gestionCuestionarioController.listaPreguntas}" />
							</p:selectOneMenu>
							<h:outputText value="Alternativa:" styleClass="texto"/>					
							<p:selectOneMenu id="cmbAlternativaE" disabled="true" value="#{gestionCuestionarioController.strIdListaAlternativas}">
								<f:selectItems id="cmbAlternativaEItems" value="#{gestionCuestionarioController.listaAlternativas}"/>									
							</p:selectOneMenu> 													
							<h:outputText value="Recomendación:" styleClass="texto"/>
							<h:inputTextarea id="itRecomendacionE" cols="80" rows="5" 
								value="#{gestionCuestionarioController.gestionCuestionarioModel.strRecomendacion}"/>
						</h:panelGrid>
						<h:panelGrid columns="5" width="100%">
							<p:spacer width="70px" height="10px" />
							<p:commandButton icon="ui-icon-disk" value="Guardar" actionListener="#{gestionCuestionarioController.guardarEditarRecomendacion}"
								oncomplete="handleRecomendCuestDialogEditSave(xhr, status, args)" id="btnGuardar"/>
							<p:spacer width="50px" height="10px" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelEditarRecomendacion.hide()"/>
							<p:spacer width="70px" height="10px" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formEditarPizarra:idContentMainM" trigger=":formEditarPizarra:btnGuardar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Guardando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
				</h:form>
			</p:dialog>
			
			<p:dialog id="idpanelDialog" header="Mensaje confirmación" widgetVar="poppanelDialog" modal="true" dynamic="true">
				<h:form id="formModalDialog">
					<h:panelGrid columns="1" width="100%" id="idContentMainM">
						<h:outputText value="Está seguro que desea eliminar la recomendación?"/>
						<h:panelGrid columns="2" width="100%">																																								
							<p:commandButton value="Aceptar" actionListener="#{gestionCuestionarioController.eliminarRecomendacion}"
								icon="ui-icon ui-icon-check" oncomplete="poppanelDialog.hide()" id="btnEliminar"
								update=":formPrincipal:messages,:formPrincipal:idTblRecomendacion"/>
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelDialog.hide()" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formModalDialog:idContentMainM" trigger=":formModalDialog:btnEliminar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Eliminando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>		
				</h:form>
			</p:dialog>		
		</ui:define>
	</ui:composition>
</html>